<template>
	<div class="vue_app giftCardInstrut" style="position: relative;width: 100%;">
		<div>
			<my-header :title="recordata.title" :hasTitle="true" :hasBack="true"></my-header>
			<!--头部-->
		</div>
		<div class="overhid" :style="`height: ${screenHeight}px`">
			<vertical-scroll ref='verticalScroll'>
				<div class="concent">
					<div class="detail22" v-if="recordata" v-html="recordata.detail"></div>
				</div>
			</vertical-scroll>
		</div>
		<button-to-top @goTop="goTop"></button-to-top>
	</div>
</template>

<script>
	import MyHeader from "../header";
	import axios from "axios";
	import VerticalScroll from '../../real-components/VerticalScroll';
	import ButtonToTop from '../../real-components/ButtonToTopForTest';
	export default {
		data() {
			return {
				recordata: ''
			}
		},
		components: {
			"my-header": MyHeader,
			"vertical-scroll": VerticalScroll,
			ButtonToTop,
		},
		methods: {
			//回到顶部
			goTop() {
				this.$refs.verticalScroll.goTop()
			},
			//获取数据请求
			getrecordata() {
				let config = {
					url: window.api.base_host + '/expMana/findDetail',
					method: 'GET',
					params: {
						expCode: this.$route.query.expCode,
					},
				};
				axios(config).then((res) => {
					this.recordata = res.data.data[0]
				})
			},
		},
		computed: {
			screenHeight() {
				return window.innerHeight - '60';
			}
		},
		watch: {

		},
		mounted() {
			this.getrecordata()
		},
	}
</script>

<style scoped>
	.overhid{
		overflow: hidden;
	}
	
	.giftCardInstrut .concent {
		margin: 1rem 0rem;
		padding: 0rem 0.5rem;
		text-align: left;
	}
	.giftCardInstrut .concent .detail{
		background-color: #fff;
		padding: 0.5rem 0.75rem 1.5rem 0.75rem;
	}
	.detail22{
	background-color: #fff;
    padding: .5rem .75rem 1.5rem;
	}
</style>